這篇想要分享我在寫前端最愛用的Library lottie，以下小小介紹lottie是什麼。

Lottie介紹

Lottie是一款對設計師非常友好的Library，可以將Affter Effect的動畫轉成json檔，直接放入自己的網站使用。對於喜歡做動畫，但無法寫出太複雜動畫的設計師來說非常棒的東西。下面分享如何開始使用lottie。

• 安裝After Effect 並做系統設定
  總之就是先擁有AE，接著看著介面右上角，將Preference > General > 將Allow Scripts to Write Files And Access Network 勾選起來。

• 安裝bodymoving插件
  有許多方法，推薦直接到Adobe官方下載插件。
  

• 將動畫輸出成json檔案
  動畫製作好後，將插件打開，並選擇comp，按render就能輸出json檔了。lottie有許多輸出規範，官網有詳細說明，記得要檢查有沒有符合，不然是不會呈現效果的。
  
  lottie官網

• 輸出動畫預覽
  插件非常貼心，是有預覽功能的，記得使用前可以先開起來檢查一下效果。

總結

以上是lottie使用的簡單分享，真的不會製作動畫，也可以到lottie的官網下載免費可使用的動畫，非常的方便，下篇分享lottie的相關語法。